<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/mui.picker.css"/>
		<link rel="stylesheet" type="text/css" href="../css/mui.poppicker.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/business/queryData.css"/>
	</head>

	<body>
		<div class="mui-content" id="query-data-content" v-cloak>
			<header class="mui-bar mui-bar-nav" id="myheader">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title">数据查询</h1>
				<!-- <div class="mui-input-row mui-search">
					<input type="search" class="mui-input-clear" placeholder="">
				</div>
				<span class="mui-icon mui-icon-search"></span> -->
			</header>
			<div class="mui-content" id="query-data-wrapper">
				<div class="search-bar-wrapper">
					<div class="search-bar-item" @tap="toTypePicker">
						<span>{{type}}</span>
						<span class="mui-icon mui-icon-arrowdown"></span>
					</div>
					<div class="search-bar-item" @tap="toDepartPicker">
						<span>{{depart}}</span>
						<span class="mui-icon mui-icon-arrowdown"></span>
					</div>
					<div class="search-bar-item" @tap="toWorkshopPicker">
						<span>{{workshop}}</span>
						<span class="mui-icon mui-icon-arrowdown"></span>
					</div>
				</div>
				<div class="mui-scroll-wrapper" style="-webkit-overflow-scrolling: touch; margin-top: 104px; background-color: #f7f7f7; ">
					<div class="mui-scroll">
						<div class="list-wrapper">
							<div class="list-item" @tap="toEquipment(item)" :class="{'equipment-item': typeid == 'equipment'}" v-for="item in listData" v-show="typeid == 'equipment'">
								<label>{{item.state == '1' ? '正常':(item.state == '2' ? '故障中': (item.state == '3' ? '维修中': '报废'))}}</label>
								<span>{{"资产编号：" + item.zcbh}}</span>
								<!-- <span>{{"条码编号：" + item.tmbh}}</span> -->
								<!-- <span>{{"制衣办编号：" + item.zybbh}}</span> -->
								<span>{{"设备类型：" + item.type}}</span>
								<span>{{"设备名称：" + item.name}}</span>
								<span>{{"设备型号：" + item.model}}</span>
								<span>{{"部门：" + item.depart}}</span>
								<span>{{"车间：" + item.workshop}}</span>
								<span>{{"使用人：" + item.user}}</span>
								<!-- <span>{{"联系方式：" + item.contact}}</span> -->
								<span>{{"存放地点：" + item.location}}</span>
								<!-- <span>{{"备注：" + item.note}}</span> -->
							</div>
							<div class="list-item" :class="{'event-item': typeid == 'event'}" v-for="item in listData" v-show="typeid == 'event'">
								<label>{{item.isfinished=="1" ? "已处理": "未处理"}}</label>
								<span>{{"事件类型：" + item.type}}</span>
								<span>{{"相关资产编号：" + item.zcbh}}</span>
								<span>{{"是否已完成：" + (item.isfinished == "0" ? "否" : "是")}}</span>
								<span>{{"完成日期：" + (item.finisheddate ? (new Date(item.finisheddate).toLocaleDateString()) : '')}}</span>
								<span>{{"部门：" + (item.depart ? item.depart : '')}}</span>
								<span>{{"车间：" + (item.workshop ? item.workshop : '')}}</span>
								<!-- <span>{{"事件描述：" + item.desc}}</span> -->
							</div>
							<div class="list-item" :class="{'demand-item': typeid == 'demand'}" v-for="item in listData" v-show="typeid == 'demand'">
								<label>{{item.isfinished=="1" ? "已处理": "未处理"}}</label>
								<span>{{"需求类型：" + item.type}}</span>
								<span>{{"需求级别：" + item.level}}</span>
								<!-- <span>{{"需求内容：" + item.content}}</span> -->
								<span>{{"需求人：" + item.demander}}</span>
								<span>{{"电话：" + item.phone}}</span>
								<!-- <span>{{"邮箱：" + item.email}}</span> -->
								<span>{{"部门：" + item.depart}}</span>
								<span>{{"车间：" + item.workshop}}</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/mui.js"></script>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../config.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/business/queryData.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>
